<script setup>
import { defineProps } from 'vue'

// 展示统计：房间总数与玩家总数
const props = defineProps({
  roomCount: { type: Number, default: 0 },
  totalPlayers: { type: Number, default: 0 }
})
</script>

<template>
  <div class="room-stats">
    <span class="stat-item">
      <span class="stat-label">房间:</span>
      <span class="stat-value">{{ props.roomCount }}</span>
    </span>
    <span class="stat-item">
      <span class="stat-label">玩家:</span>
      <span class="stat-value">{{ props.totalPlayers }}</span>
    </span>
  </div>
</template>

<style scoped>
.room-stats {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
}

.stat-item { display: flex; align-items: center; gap: 4px; }
.stat-label { font-size: 11px; color: #6b7280; }
.stat-value { font-size: 12px; font-weight: 600; color: #374151; }
</style> 